<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script>
    var a = 10;
    function foo(){
        alert('b'+a);   //函数内部没有声明变量a,所以函数内部使用的变量就是外部定义的变量a
        a = 20;
    }
    alert('a'+a);
    foo();
    alert('c'+a);



    function foo2(){
        //函数内部定义了变量，就不在是外部的变量，外部没有使用变量b
        var b = 10;
        alert('2a'+b);
    }
    foo2();
    alert('2b'+b);



    function foo2(){
        //函数内部定义了变量，就不在是外部的变量，外部没有使用变量b
        alert(b);   //undefined,因为 var b 被提前声明了
        var b = 10;
        alert('2a'+b);
    }
    foo2();
    alert('2b'+b);


    function mySum(){
        var a = 10;
        var b = 10;
        console.log(a+b);
    }

    function myMinl(){
        var a = 30;
        var b = 20;
        console.log(a*b);
    }
    mySum();
    myMinl();

</script>
</body>
</html>